<!-- 
  * Copyright (c) 2022 iSoftStone Information Technology (Group) Co.,Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
 -->
<template>
	<view class="AppMainBox">
		<activity-tabs :current="current" :activityId="activityId"></activity-tabs>
		<view class="faqPart">
			<u-collapse ref="collapse" :border="false" @change="change" @close="close" @open="open" :value="['0']">
				<u-collapse-item v-for="(item,index) in gameList" :key="index" :title="item.title" :name="index">
					<view class="content">
						<view>{{item.label}}</view>
						<view class="theme">
							<u-parse :content="item.contant"></u-parse>
						</view>
					</view>
				</u-collapse-item>
			</u-collapse>
			<view class="contact">
				<u-text size="36rpx" margin='10px 0 0 0' text="联系我们"></u-text>
				<u-text size="32rpx" margin='10px 0 0 0' text="如有疑问可通过以下方式联系我们："></u-text>
				<u-text size="32rpx" margin='10px 0 0 0' text="邮箱："></u-text>
				<u-text size="32rpx" margin='10px 0 0 0' color="blue"  mode="link" href="growing@mail.openharmony.io" text="growing@mail.openharmony.io"></u-text>
				<u-text size="32rpx" margin='10px 0 0 0' text="挑战赛指定gitee仓链接："></u-text>
				<u-text size="32rpx" margin='10px 0 0 0' wordWrap="anywhere" color="blue" mode="link" href="https://gitee.com/openharmony-sig/online_event/tree/master/solution_student_challenge" text="https://gitee.com/openharmony-sig/online_event/tree/master/solution_student_challenge"></u-text>
				<!-- <view class="codeImg">
					<u-image :showLoading="true" :src="code" width="230" height="225"></u-image>
				</view> -->
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				index: 0,
				style: {
					activeStyle: "color: rgba(0,0,0,0.90);font-size: 14px;font-weight: blod;",
					inactiveStyle: "font-size: 14px;color: rgba(0,0,0,0.5)}",
					itemStyle: "height: 48px;padding:0px;width:20%"
				},
				// tabs切换
				list: [{
						name: '首页',
						path: "pages/componet/activity/detail/index"
					},
					{
						name: '活动报名',
						path: "pages/componet/activity/activeSingin/index"
					},
					{
						name: '赛事说明',
						path: "pages/componet/activity/activeMatch/index"
					},
					{
						name: '进度',
						path: "pages/componet/activity/activeProgess/index"
					},
					{
						name: 'FAQ',
						path: "pages/componet/activity/activeFaq/index"
					}
				],
				current: 0,
				activityId:0,
				gameList: [{
						title: "Q:  谁可以参赛，一定要创建团队参赛吗？",
						label: "A:",
						contant: "<p>所有高校在校学生均可参与；</p><p>可以个人独立参赛，但基于活动的难度及时间限制，官方建议最佳参赛人数为3-6人，以获取更好的学习交流及团队实践体验。</p>"
					},
					{
						title: "Q: 如何注册并认证学生开发者帐号？",
						label: "A:",
						contant: "登录OpenHarmony小程序，进入“我的”，编辑并填写学生资料以录入信息，提交后可在“活动进度”中可查看认证状态，用户隐私条款详见小程序报名页，勾选代表同意活动平台获取隐私信息。"
					},
					{
						title: "Q: 学生个人或团队是否可以提交多个作品或参与多个项目？",
						label: "A:",
						contant: '不能，赛制规定："每人限制一次参赛"，因此每个学生只能作为独立个人或团队成员参加一个项目，如重复参赛将会被取消参赛资格。'
					},
					{
						title: "Q: 作品技术方案中必须使用OpenHarmony开源系统吗？能否混合使用其他系统？",
						label: "A:",
						contant: '必须使用OpenHarmony，可根据需要混合使用其他系统。'
					},
					{
						title: "Q: 比赛每轮截止时间前能够多次修改并提交参赛作品吗？",
						label: "A:",
						contant: '在赛制规定时间内，参赛者可以多次更新参赛作品至指定仓库链接，官方将以最新提交的作品版本为每轮最终的参赛作品版本。'
					},
					{
						title: "Q: 如何查看我的提交进度？",
						label: "A:",
						contant: '登录OpenHamony小程序至高校活动-成长计划2022详情页面，至“活动进度”中可查看自己作品的提交状态。'
					},
					{
						title: "Q:  主办方将以何种方式通知参赛者获奖信息？",
						label: "A:",
						contant: '将以电话的方式与获奖者联系。同时，主办方会将参赛获奖作品发布于官方网站及OpenHarmony小程序“活动进度”详情页中，方便参赛者查询。'
					},
					{
						title: "Q: 作品代码是否必须开源？",
						label: "A:",
						contant: '是，详情请查看作品要求或活动条款的相关部分。'
					},
					{
						title: "Q: 大赛官方会提供开发板吗？",
						label: "A:",
						contant: '会，在小程序报名并提交“项目申请书”参与活动，通过审核后需要用户勾选“开发板发放协议”，填写收件信息获得活动所用开发板，可申请开发板类型详见挑战赛仓库链接：<lable style="color:blue">https://gitee.com/openharmony-sig/online_event/tree/master/solution_student_challenge</lable>，回收规则详见“开发板发放协议”。 '
					},
					{
						title: "Q: 为什么要提供参赛作品演示视频？  ",
						label: "A:",
						contant: '视频能更好地展示参赛作品的软硬件交互，更容易让人理解作品的核心价值，也便于更广泛的传播。因此，视频需要展示作品方案中最具创意的部分。'
					},
					{
						title: "Q: 官方在活动过程中会提供哪些帮助？ ",
						label: "A:",
						contant: '为帮助参赛的学生或学生团队完成作品开发，官方提供各类赋能课程，相关文档及学习资讯，定期由导师进行线上辅导，以帮助参赛方有效产出完整解决方案，并有机会将方案展示在OpenHarmony官方平台上。'
					}
				],
				code: require("@/static/icon/code.png")
			}
		},
		onLoad(query) {
			this.current = query.current
			this.activityId = query.id
		},
		onShow() {
			
		},
		mounted() {
			const that = this
			setTimeout(res=>{
				that.$refs.collapse.init()
			},100)
		},
		
		methods: {
			change() {
				this.$emit("change", false)
			},
			close() {
				this.$emit("close", false)
			},
			open() {
				this.$emit("open", false)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap{
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--window-top));
		width: 100%;
	}
	.codeImg {
		margin-top: 20rpx;
		// width: 460rpx;
		// height: 450rpx;
		
		
	}
	.contact {
		padding: 40rpx;
		background: #FFF;
		margin-top: 20rpx;
	}

	.faqPart {
		.content {
			display: flex;

			.theme {
				margin-left: 24rpx;
				font-family: HarmonyHeiTi;
				font-size: 28rpx;
				color: rgba(0, 0, 0, 0.5);
				font-weight: 400;
			}
		}
	}
</style>
<style lang="scss">

</style>
